<!--2-jQuery核心函数.html-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQuery核心函数</title>
    <script type="text/javascript" src="jquery-1.7.2.js"></script>
    <script type="text/javascript">
        // 1. $核心函数 传入参数为函数，表示页面加载完成之后
        $(function () {
            alert("页面加载完成之后，自动执行");
            // 传入的参数为 HTML 字符串时，创建标签对象
            $("<div>div独占一行</div>").appendTo("body");

            // id 选择器
            var length = $("#btn-01").length;
            alert(length);  // 1

            // 标签名选择器
            var length1 = $("button").length;
            alert(length1);  // 3

            // 类型选择器 ： 所有 class="class01" 的元素
            var length2 = $(".class01").length;
            alert(length2);  // 1

            // 传入参数为 DOM对象时， 会将其转换为 jQuery对象
            var idObj = document.getElementById("btn-01");
            var $obj = $(idObj);
            alert(idObj);  // [object HTMLButtonElement]  -- DOM 对象
            alert($obj);  // [object Object] -- jQuery对象
        })
    </script>
</head>
<body>
    <button id="btn-01">按钮1</button>
    <button>按钮2</button>
    <button class="class01">按钮3</button>
</body>
</html>